<template>
  <div class="order-item">
    <div class="pro-img"><img :src="product.small_img" alt=""></div>
    <div class="pro-info">
      <div class="pro-top">
        <div class="name">
          <div class="p-name">{{product.name}}</div>
          <div class="p-rule">{{product.tule}}</div>
        </div>
        <div class="p-enname">{{product.enname}}</div>
      </div>
      <div class="pro-bot">
        <div class="p-price">&yen;{{product.price}}</div>
        <div class="p-count">x{{product.count}}</div>
      </div>
    </div>
  </div>
</template>

<script>
import "../assets/less/orderitem.less";
export default {
  name: "OrderItem",
  props: {
    product: {
      type: Object,
      //当props的属性为引用类型数据, 默认值必须使用default函数返回
      default() {
        return {};
      },
    },
  },
};
</script>

<style lang="less" scoped>
</style>